<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>小麦网--开设演唱会</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../assets/i/maizi.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/admin.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <script src="../assets/js/echarts.min.js"></script>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/amazeui.min.js"></script>
    <script src="../javascript/modifyPassword.js"></script>
</head>

<body data-type="index">


<header id="header" class="am-topbar am-topbar-inverse admin-header">

</header>

<div class="tpl-page-container tpl-page-header-fixed">


    <div id="sidebar" class="tpl-left-nav tpl-left-nav-hover">

    </div>

    <!--这里写业务逻辑-->
    <div class="tpl-content-wrapper">
        <ol class="am-breadcrumb">
            <li><a href="base.html" class="am-icon-home">首页</a></li>
            <li ><a href="modifyUserInfo.html">修改密码</a></li>
        </ol>
        <div class="tpl-portlet-components">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    <span ></span> 修改密码
                </div>
            </div>

            <div class="tpl-block">

                <div class="am-g">
                    <div class="tpl-form-body tpl-form-line">
                        <form class="am-form tpl-form-line-form">
                            <input type="hidden" id="userId" />
                            <div class="am-form-group">
                                <label  class="am-u-sm-3 am-form-label">原始密码 <span class="tpl-form-line-small-title">Origin Password</span></label>
                                <div class="am-u-sm-7" style="float: left">
                                    <input id="password" type="password" required placeholder="输入原始密码">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label  class="am-u-sm-3 am-form-label">新密码 <span class="tpl-form-line-small-title">New Password</span></label>
                                <div class="am-u-sm-7" style="float: left">
                                    <input id="newPassword" type="password" required placeholder="输入新密码">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label class="am-u-sm-3 am-form-label">重复新密码 <span class="tpl-form-line-small-title">Repeat Password</span></label>
                                <div class="am-u-sm-7" style="float: left">
                                    <input id="rePassword" type="password" required placeholder="重新输入新密码">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <div class="am-u-sm-9 am-u-sm-push-5" >
                                    <button id="subBtn" type="button" class="am-btn am-btn-primary tpl-btn-bg-color-success ">保存</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="success-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">更新成功！</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-no-btn" tabindex="-1" id="error-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">更新失败，请检查您输入的信息完整</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

</body>

</html>